<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // ajax:异步无刷新技术

        // ajax : asynchronous javascript and xml   异步的js和xml


        // 异步？

        //  js 只能是一门单线程的语言

        //    少量的异步   
        //      事件处理函数   定时器    ajax
        //      图片的请求


        // event loop  事件循环    主线程和任务队列


        const a = 1 ;
        console.log(a);

        setTimeout(() => {
            console.log(2);
        },1000)

        console.log(3);

        setTimeout(() => {
            console.log(4);
            setTimeout(() => {
                console.log(5);
            } , 0)
            console.log(6);
        } , 100)



        // 打印1 
        // 打印3

        // 主线程清空了

        // 看任务队列中谁先到时间   2个延时器  1000ms + 100ms

        // 任务列队中可以执行的任务放入主线程   100ms的这个延时器

        // 打印4

        // 打印6

        // 任务队列  1000ms  0ms

        // 主线程清空了

        // 任务列队中可以执行的任务放入主线程   1000ms   0ms 

        // 打印5

        // 主线程清空了

        // 任务列队中可以执行的任务放入主线程   1000ms

        // 打印2


        //  前端  画页面  ， 等接口

        //  后端  处理服务器  设计数据库  写接口(后端把数据库里面的表格进行处理，变成json格式的数据)

        //  前后数据联调  后端会给一个接口文档



        // http协议  数据传输协议   

        //   请求报文  request   浏览器端向服务端发送请求

        //      请求行   方式(get / post)   接口(路径)   。。。
        //      请求头   数据类型  文本 / 图片 / 视频 / 音频 等
        //      请求体   携带的数据  word = '千锋'

        //   响应报文  response   服务器向浏览器返回数据
        //      响应行     服务器的状态   404
        //      响应头    返回的数据类型  json
        //      响应体    返回的具体的数据




    </script>
    
</body>
</html>